
//中部开始部分
@color:#666;
@colord:#B1191A;
.border(@px:1px,@color:#EEEEEE){
    border: @px solid @color;
}
.middle-box{
    width: 1210px;overflow: hidden;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    .middle_top{
        width: 1210px;height: 45px;
        background: #F2F2F2;
        line-height: 45px;
        .big{
            color:@color;
            font-weight: 700;
            font-size: 18px;
        }
    }
    .middle-left{
        width: 378px;height: 489px;
        position: relative;
        float: left;
//      .border;
       .show{
           position: absolute;top: 10px;left: 11px;
           width: 350px;height: 350px;
//         .border;         
       }
       .smalltu{
           width: 378px;height: 54px;
           position: absolute;bottom: 50px;
//         .border;
           .img{
               width: 350px;height: 54px;
               margin-left: 11px;
               li{
                   width: 52px;height: 52px;border:2px solid white;margin-right: 5px;
                   &:hover{border: 2px solid @colord;}
                   img{width: 52px;height: 52px;}
                   float:left;
                   
               }
           }
       }
       .xinxi{
           width: 350px;height: 42px;position: absolute;
            bottom:0px;left: 11px;
            .shangpin,.xing,.li,.guan,.shang{position: absolute;bottom: 0px;}
            .xing{
                display: block;width: 14px;height: 12px;
                background: url(../images/bg_1.png)no-repeat -162px -296px;
                right: 106px;
            }
            .li{
                display: block;width: 14px;height: 12px;
                background: url(../images/bg_1.png)no-repeat -177px -296px;
                right: 53px;
            }
            .guan{right: 76px;} .shang{right: 0px;}
        }
    }
//  中间购物信息选择部分
    .middle-center{
        float: left;
        width: 588px;overflow: hidden;
        margin: 0 auto;
//      .border;
        .top{
            position: relative;
            width: 588px;height: 114px;
            padding-top: 15px;
           .wenzi{
               width: 513px;height: 102px;
               float: left;
//             .border;
              h2{color:@color;font-size: 16px;}
              p{color:@colord;font-size: 14px;a{color:#005EA7;text-decoration: underline;}margin-top: 5px;}
           }
           .duibi{
               display: block; width: 56px;height: 24px;
               text-align: center;  line-height: 24px;
               .border;
               float: right;
           }
        }
        
        .middle_jia{
            width: 578px;height: 114px;background: #F7F7F7;
            padding-left: 10px;
            .jingjia{
                width: 578px;height: 30px;
                line-height: 30px;position: relative;
                color: @color;font-size: 12px;  
                padding-top: 5px;             
                strong{color: #E4393C;font-size: 20px;margin-top: 3px;}
                .coment,.shu{position: absolute;top: 0px;right: 5px;}
                .shu{top: 15px;color: #005EA7;}
                
//              第二部分    
               .jiajia{padding: 1px 2px;background: #E4393C;color: white;}
                .se{color: #E4393C;}
                .xiangqing{position: absolute;top: 34px;left: 74px;}
            }
        }
        .song{
            width: 588px;height: 38px;
            border-bottom: 1px solid #ccc;
            p{width: 72px;text-align: center;line-height: 38px;float: left;color: @color;}
            .tu{height: 38px;float: left;    
                li{float: left;padding: 5px 5px;.border;margin:4px 10px 0 0;
                    position: relative;
                   &:hover{border:2px solid #E4393C;
                    padding: 4px 4px;
                    span{display: block;}
                   }
                   span{
                       display: block;width: 11px;height: 10px;position: absolute;
                       background: url(../images/bg_0.png)no-repeat 0 -183px;
                       bottom: 0px;right: 0;
                       display: none;
                   }
                }
            }
        }
        .add{
            display: block;
            width: 136px;height: 36px;
            background: url(../images/bg_2.png)no-repeat ;
            margin-top: 20px;
            &:hover{background: url(../images/bg_2.png)no-repeat -157px 0;}
        }
    }
    .middle_right{
        width: 200px;overflow: hidden;
        padding-top: 10px;
        float: right;
//      .border;
        .logotu{
            .border;border-left: none;border-right: none;
        }
        .dian{
            width: 200px;padding-top: 16px;padding-left: 10px;
            a{color: #0D61A3;}
            span{padding: 2px 3px;background: #E4393C;margin-left: 37px;color: white;border-radius: 2px 2px;}
        }
       .kefu{margin:20px 0 0 10px}
       .dianpu{
               padding: 20px 0 0 10px;
                 li{float: left;width: 74px;height: 24px;
                    text-align: center;line-height: 24px;
                    .border;background: #F4F4F4;border-radius: 2px 2px;
                    margin-right: 10px;
                 }
       }
       
       .fu{clear: both;padding:20px 0 0 10px;color: @color;}
    }
}
//商品介绍和品论部分
.bottom{
    width: 1210px;overflow: hidden;
    margin: 0 auto;
    .border;
//  左面部分
    .bottom_left{
        width: 210px;overflow: hidden;
        .border;height: 300px;
        float: left;
    }
//  左面部分结束
//  右面开始
    .bottom_right{
        width: 990px;
        float: right;
        .teb{
            width: 990px;height: 33px;
            background: #F7F7F7;
            margin-top: 3px;
            border-top: 2px solid #999999;
            li{float: left;padding: 8px 8px;font-size: 14px;color: #666;
                span{color: #2E5AA9;}
                position:relative;
            }
            .gouwu{
                display: block; 
                width: 105px;height: 21;
                float: right; 
                background: url(../images/bg_2.png)no-repeat 0 -46px;
                margin: 5px 3px 0 0;
            }
        }
        .father_box{
            width: 990px;
            margin-top: 4px;
            position: relative;
//          background: red;
            .teb_box{
                width: 990px;overflow: hidden;
                background: yellow;
                display: none;
                position: absolute;top: 0px;left: 0px;
                .border;
                .par1{
                    width: 968px;height: 90px;
                    border-bottom: 1px dashed #DDDDDD;
                    margin-left: 10px;
                    padding-top:18px;
                    li{
                        width: 237px;height: 44px;
                        padding-left: 5px;
                         margin-top:15px;
                                 
                        float: left;
                        .tu1{
                            float: left;
                            display: block; width: 21px;height: 44px;
                            background: url(../images/bg_3.png)no-repeat -56px 0; 
                            margin-right: 5px;                        
                        }
                        p{margin-bottom:5px;color: @color;}
                        
                    }
                }
                
            }
        }
        
    }
//  右面结束

}
